class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        //1.判断data是否是对象
        if (!data || typeof data !== 'object') return
        //2.遍历data对象的所有属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }
    defineReactive(obj, key, val) {
        const self = this
        //负责收集依赖，并发送通知
        let dep = new Dep()
        //如果val是对象，把val内部所有属性转换成响应式数据
        this.walk(val)
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            //闭包
            get() {
                // return obj[key] //发生死递归
                Dep.target && dep.addSub(Dep.target)
                return val
            },
            set(newVal) {
                if (newVal === val) return
                // 如果 newValue 是对象，设置 newValue 的成员为响应式
                self.walk(newVal)
                val = newVal
                //发送通知
                dep.notify()
            }
        })
    }
}